<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选型</title>
    <link rel="stylesheet" href="css/public/reset.css">
    <link rel="stylesheet" href="css/bootstrap.3.3.7.min.css">
    <link rel="stylesheet" href="css/public/header.css">
    <link rel="stylesheet" href="css/public/public.css">
    <link rel="stylesheet" href="css/modelSelection/modelSelection.css">
</head>
<body>
<div id="app">
   <nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <img src="images/public/logo.png" height="92" width="200"/>
        </a>
      </div>
      <div>
        <ul class="nav navbar-nav">
          <li><a href="01.html">产品目录</a></li>
          <li><a href="02.html">选型</a></li>
          <li><a href="03.html">详细</a></li>
          <li><a href="04.html">输出</a></li>
          <li><a href="#">帮助</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              语言
              <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">中文</a></li>
              <li><a href="#">English</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
    <div class="my-container">
          <div class="row">
            <div class="col-sm-4">
              <div class="interior-box">
                  <h2>关于我</h2>
                  <div class="fakeimg">这边插入图像</div>
                  <p class="p">Incorporation of International Standards into ..</p>
                  <p class="p-text">We believe that innovation takes into account not only how to improve product
                    quality, but also take into account the productundefineds impact on th
                    e environment. </p>
                  <hr class="hidden-sm hidden-md hidden-lg">
              </div>
            </div>
            <div class="col-sm-8">
              <div class="interior-box">
                  <h2>参数指定</h2>
                  <ul class="input-box">
                    <li>
                      <span class="span">风量</span>
                      <input type="text" class="form-control input" >
                      <div class="form-group">
                        <select class="form-control">
                          <option>m³/h </option>
                          <option >m³/h </option>
                          <option>m³/h </option>
                          <option>m³/h </option>
                        </select>
                      </div>
                    </li>
                    <li>
                      <span class="span">风压（全压/静压）</span>
                      <input type="text" class="form-control input" >
                      <div class="form-group">
                        <select class="form-control">
                          <option>m³/h </option>
                          <option >m³/h </option>
                          <option>m³/h </option>
                          <option>m³/h </option>
                        </select>
                      </div>
                    </li>
                    <li>
                      <span class="span">电源</span>
                      <!--<input type="text" class="form-control input" >-->
                      <div class="form-group">
                        <select class="form-control">
                          <option>m³/h </option>
                          <option >m³/h </option>
                          <option>m³/h </option>
                          <option>m³/h </option>
                        </select>
                      </div>
                    </li>
                    <li>
                      <span class="span">环境温度</span>
                      <input type="text" class="form-control input" >
                      <div class="form-group">
                        <select class="form-control">
                          <option>m³/h </option>
                          <option >m³/h </option>
                          <option>m³/h </option>
                          <option>m³/h </option>
                        </select>
                      </div>
                    </li>
                    <li>
                      <span class="span">静压能效</span>
                      <input type="text" class="form-control input" >
                    </li>
                  </ul>
              </div>
            </div>
          </div>
          <div class="btn-box">
            <button type="button" class="btn btn-primary">选型</button>
          </div>
          <div class="a-table">
            <div class="table-head">
              <table class="table">
                <tr>
                  <td>
                    型号
                    <span class="marginBottom"></span>
                    MODEL
                  </td>
                  <td>电压<span class="marginBottom"></span>UAC</td>
                  <td>频率<span class="marginBottom"></span>F</td>
                  <td>电容器<span class="marginBottom"></span>C</td>
                  <td>曲线<span class="marginBottom"></span>CURVE</td>
                  <td>输入功率<span class="marginBottom"></span>MODEL</td>
                  <td>转速<span class="marginBottom"></span>N</td>
                  <td>电流<span class="marginBottom"></span>I</td>
                  <td>静压<span class="marginBottom"></span>PSF</td>
                  <td>环境温度<span class="marginBottom"></span>Temp</td>
                  <td>静压效率<span class="marginBottom"></span>EEF.Grade</td>
                  <td>能效值<span class="marginBottom"></span>MODEL</td>
                  <td>噪声<span class="marginBottom"></span>Noise</td>
                  <td>备注<span class="marginBottom"></span>p1</td>
              </tr>
                <tr class="head-sub-title">
                  <td></td>
                  <td>V</td>
                  <td>HZ</td>
                  <td>UF/450V</td>
                  <td>NO.</td>
                  <td>W</td>
                  <td>r/min</td>
                  <td>A</td>
                  <td>PA</td>
                  <td>C</td>
                  <td>%</td>
                  <td>N</td>
                  <td>DB</td>
                  <td></td>
                </tr>
              </table>
            </div>
            <div class="table-body">
              <div class="table-body-auto">
                <table class="table">
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
                <tr>
                  <td>YSWF12</td>
                  <td>3~380</td>
                  <td>50</td>
                  <td>--</td>
                  <td>A</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>1477</td>
                  <td>888</td>
                  <td>888</td>
                  <td>888</td>
                  <td></td>
                </tr>
              </table>
              </div>
            </div>
          </div>
        </div>
  <!--按钮-->
  <div class="btn-box btn-box-qq">
    <button type="button" class="btn btn-primary back">返回</button>
    <button type="button" class="btn btn-primary">下一步</button>
  </div>
</div>
<img class="bg-img" src="images/public/max-bg-03.png">
<script src="js/vue.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    let vm = new Vue({
    el: '#app',
    methods:{

        }
    })
    $('.nav>li>a').click(function () {
        $(this).css('color','#fff')
    })
</script>

</body>
</html>
